$(function(){
	
	// 点击团队设置按钮,显示设置界面
	$('.link-team-setting-f').click(function(){
		$('.team-setting-f').fadeIn(100);
		// 点击保存
		$('.btns-save-f').click(function(){
			alert("保存成功！");
			$('.team-setting-f').fadeOut(100);			
		});
		// 点击删除
		$('.btns-delete-f').click(function(){
			alert("已删除");	
		});
		// 点击取消
		$('.btns-cancel-f').click(function(){
			$('.team-setting-f').fadeOut(100);	
		});
		$(this).siblings().click(function(){
			$('.team-setting-f').fadeOut(100);
		});
	});
	
	// 点击超级管理员选择框
	$('.rootplus+span').click(function(){
		$('.employ-option-f').fadeIn(100);
		// 点击保存
		$('.mark-link-save').click(function(){
			// 关闭员工选择框
			$('.employ-option-f').fadeOut(100);
			// 把已选择的员工数据保存，并显示在输入框内
			// 获取已选中员工的姓名
			var s = $('.employ-menu-list li:nth-child(n+2) input');
			var text = s.parent().find('span.name').text();
			var textarr = text.split(' ');
			for (var i=0;i < s.length;i++) {
				// 如果复选框为选中状态，则为输入框填入员工数据
				if (s[i].checked == true) {					
					$('.rootplus').val(textarr[i]);
					console.log(textarr[i]);
				}
			}
			
		});
		// 点击取消
		$('.mark-link-cancel').click(function(){
			$('.employ-option-f').fadeOut(100);
		});
	});
	// 点击管理员选择框
	$('.root+span').click(function(){
		$('.employ-option-f').fadeIn(100);
		// 点击保存
		$('.mark-link-save').click(function(){
			// 关闭员工选择框
			$('.employ-option-f').fadeOut(100);
			// 把已选择的员工数据保存，并显示在输入框内
			// 获取已选中员工的姓名
			var s = $('.employ-menu-list li:nth-child(n+2) input');
			var text = s.parent().find('span.name').text();
			var textarr = text.split(' ');
			var temp = [textarr.length];
			for (var i=0;i < s.length;i++) {
				// 如果复选框为选中状态，则为输入框填入员工数据
				if (s[i].checked == true) {	
					$('.root').val(textarr[i]);					
				}
			}
			
		});
		// 点击取消
		$('.mark-link-cancel').click(function(){
			$('.employ-option-f').fadeOut(100);
		});
	});	
	
	// 员工选择(全选)
	var counts = 0;
	$('.employ-menu-list li:first-child>input').click(function(){
		counts++;		
		var s = $('.employ-menu-list li:nth-child(n+2) input');
		if (counts%2 != 0) {
			for (var i=0;i<s.length;i++) {
				s[i].checked = true;
			}			
		}else{
			for (var i=0;i<s.length;i++) {
				s[i].checked = false;
			}
		}		
	});
	
	// 员工选择(单选)
	$('.employ-menu-list li:nth-child(n+2) input').click(function(){
		var parent = $(this).parent();	
		var htmls = $(this).parent().html();
		var s = $('.employ-menu-list li:nth-child(n+2) input');
		// 向右边菜单列表添加选择的结果，并移除某些元素
		$('.employ-result-list').append("<li>"+htmls+"</li>");
		$('.employ-result-list li input').remove();
		$('.employ-result-list li label').remove();
		$('.employ-result-list li .employ_delete').css("opacity","1");
		
		// 如果右边列表项大于8个，则显示滚动条,否则隐藏
		var len = $('.employ-result-list li').length;
		if (len >= 8) {
			$('.employ-result-list').css({
					'overflow-y':'scroll',
					'overflow-x':'hidden'
				});
		}else {
			$('.employ-result-list').css({
					'overflow-y':'hidden',
					'overflow-x':'hidden'
				});
		}
		// 员工删除(单选)
		$('.employ_delete').click(function(){
			// 移除当前内容，并遍历左边列表，让选中的改变选中状态
			$(this).parent().remove();
			for (var i=0;i<s.length;i++) {
				if (s[i].checked == true) {
					s[i].checked = false;
				}
			}
		});
		
	});
	
	// 地区选择
	$('.area+span').click(function(){
		
		$('.area-option-f').stop().fadeIn(100);
		$('.area-option-f').click(function(){
			$(this).stop().fadeOut(100);
		});
		
		// 地区选择(鼠标移入省份)
		$('.area-mark-tabs li').mouseover(function(){
			var province = $(this).find('.tabs-content-province');
			// 显示省份菜单
			province.show();
			$(this).css({
				"background": "#fff",
				"border-bottom-color": "#fff"
			});
			// 让其他的tab页隐藏,并改变样式
			$(this).siblings().css({
				"background": "#f3f3f3",
				"border-bottom-color": "#d4d4d4"
			});
			$(this).siblings().find('.tabs+div').hide();
		});
		
		// 地区选择(鼠标移入城市)
		$('.area-mark-tabs li').mouseover(function(){
			var city = $(this).find('.tabs-content-city');
			// 显示城市菜单
			city.show();
			$(this).css({
				"background": "#fff",
				"border-bottom-color": "#fff"
			});
			// 让其他的tab页隐藏,并改变样式
			$(this).siblings().css({
				"background": "#f3f3f3",
				"border-bottom-color": "#d4d4d4"
			});
			$(this).siblings().find('.tabs+div').hide();
		});
		
		// 地区选择(鼠标移入县区)
		$('.area-mark-tabs li').mouseover(function(){
			var county = $(this).find('.tabs-content-county');
			// 显示地区菜单
			county.show();
			$(this).css({
				"background": "#fff",
				"border-bottom-color": "#fff",
				"border-right-color": "#fff"
			});
			// 让其他的tab页隐藏,并改变样式
			$(this).siblings().css({
				"background": "#f3f3f3",
				"border-bottom-color": "#d4d4d4"
			});
			$(this).siblings().find('.tabs+div').hide();
		});
		
		// 地区选择(鼠标移入街道)
		$('.area-mark-tabs li').mouseover(function(){
			var street = $(this).stop().find('.tabs-content-street');
			// 显示街道菜单
			street.show();
			$(this).css({
				"background": "#fff",
				"border-bottom-color": "#fff"
			});
			// 让其他的tab页隐藏,并改变样式
			$(this).siblings().css({
				"background": "#f3f3f3",
				"border-color": "#d4d4d4"
			});
			$(this).siblings().find('.tabs+div').hide();
		});
		
	});
	
	// 调整排序
	$('.right-operation-f a:last-child').click(function(){
		// var current = $('.right-operation-f a:last-child');
		// 显示提示面板
		$(this).parent().next('.right-operation-tip').slideDown(1000);
		$('.right-menu-f').css("margin-top","0");
		$('.right-menu-f li:nth-child(n+1)').find('span:first-child').css({
			"width": "51px",
			"opacity": "1"
		});
		// 让列表可拖拽排序
		$('.right-menu-f').sortable();
		$('.right-menu-f').disableSelection();
		
		// 点击保存,保存改动并关闭面板
		$('.tip-save').click(function(){
			$('.right-operation-f a:last-child').parent().next('.right-operation-tip').slideUp(1000);
			$('.right-menu-f').css("margin-top","21px");
			$('.right-menu-f li:nth-child(n+1)').find('span:first-child').css({
				"width": "20px",
				"opacity": "0"
			});
		});
		
		// 点击撤销排序，使其恢复原来的顺序
		$('.tip-cancel').on('click',function(){
			$('.right-menu-f').sortable('cancel');
		});
		
	});
	
	// 点击撤销
	$('.div1 a:nth-child(5)').click(function(){
		$('.order').slideDown();
		$('.chexiao').click(function(){
			$(this).parent().slideUp();
		});
	});
	
	// 显示个人信息
	$('.td1').click(function(){
		$('.ups').css({
			'display':'block'
		});
	});
	
	$('.up-foot button:last-child').click(function(){
		$(this).parent().hide();
	});
	
})